<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<link rel="stylesheet" href="./css/index.css" />
		<title>豆豆科技</title>
		<style>
			#fold_box {
				width: 174px;
				height: 64px;
			}
			
			#fold {
				position: absolute;
				left: 0;
				top: 0;
				z-index: 999;
				width: 174px;
				height: 64px;
				cursor: pointer;
				-ms-transition: .3s;
				-moz-transition: .3s;
				-o-transition: .3s;
				-webkit-transition: .3s;
				transition: .3s;
			}
			
			#fold h2 {
				width: 174px;
				height: 64px;
				text-indent: 66px;
				font-weight: normal;
				font-size: 18px;
				line-height: 86px;
				color: #fff;
				background: url(./images/hot_pos.png) no-repeat;
				background-size: 174px 64px;
				position: relative;
				z-index: 3;
				-ms-transform: translateZ(1px);
				-moz-transform: translateZ(1px);
				-webkit-transform: translateZ(1px);
				-o-transform: translateZ(1px);
				transform: translateZ(1px);
				letter-spacing: 2px;
			}
			
			#paper,
			#paper div {
				width: 174px;
				height: 42px;
			}
			
			#paper {
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 2;
				-ms-transform-origin: bottom;
				-moz-transform-origin: bottom;
				-o-transform-origin: bottom;
				-webkit-transform-origin: bottom;
				transform-origin: bottom;
			}
			
			#paper a {
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 2;
				width: 174px;
				height: 41px;
				line-height: 41px;
				color: #e6be0d;
				text-indent: 20px;
				font-size: 16px;
				border-bottom: 1px solid #bfbfbf;
				-ms-transition: .3s;
				-moz-transition: .3s;
				-o-transition: .3s;
				-webkit-transition: .3s;
				transition: .3s;
			}
			
			#paper a:hover {
				font-size: 18px;
				color: #fff;
				text-indent: 20px;
				background-color: #e6be0d;
			}
			
			#paper span {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 174px;
				height: 41px;
				background-color: #dfdfdf;
				z-index: 2;
				-ms-transition: .3s;
				-moz-transition: .3s;
				-o-transition: .3s;
				-webkit-transition: .3s;
				transition: .3s;
			}
		</style>
	</head>

	<body>
		<div id="app">
			<!-- 头部公用区域 start -->
			<header class="commonHeader">
				<div class="centerCont clearFix comWidth">
					<div class="logo fl">
						<h1 class="fl">
							<a class="fl" href="./index.html" target="_blank">
								<img class="fl" src="./images/logo.png" alt="来宁logo" title="来宁logo" style="width: 100%;height: 100%;"/>
							</a>
						</h1>
					</div>
					<div class="nav fl">
						<ul class="clearFix">
							<li class="home">
								<a href="javascript:;" data-hash="index">
									<em class="up">首页</em>
									<em>首页</em>
								</a>
							</li>
							<li>
								<a href="javascript:;" data-hash="culture">
									<em class="up">公司文化</em>
									<em>公司文化</em>
								</a>
							</li>
							<li>
								<a href="javascript:;" data-hash="social">
									<em class="up">求职招聘</em>
									<em>求职招聘</em>
								</a>
							</li>
							<li>
								<a href="javascript:;" data-hash="about">
									<em class="up">关于我们</em>
									<em>关于我们</em>
								</a>
							</li>
							<li>
								<a href="javascript:;" data-hash="contact">
									<em class="up">联系我们</em>
									<em>联系我们</em>
								</a>
							</li>
						</ul>
						<!-- 下面滑动的线 start -->
						<div class="line"></div>
						<!-- 下面滑动的线 end -->
					</div>
					<div id="fold_box" class="P800 fr">
						<div id="fold" class="T3D">
							<h2>最新消息</h2>
							<div id="paper" class="T3D P800"></div>
						</div>
					</div>
				</div>
			</header>
			<!-- 头部公用区域 end -->
			<!-- 核心内容区域 start -->
			<section class="coreCont">
				<div class="screList">
					<!-- 第一屏 start -->
					<div class="oneScreen commonS" data-hash="index">
						<!-- 第一屏banner大图区域 start -->
						<div class="myBPic">
							<div class="myBanner">
								<ul class="clearFix">
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
							</div>
							<div class="myBtn">
								<a class="prev" href="javascript:;">上一张</a>
								<a class="next" href="javascript:;">下一张</a>
							</div>
							<!-- <div class="mark">
								<div class="mark_left"></div>
								<div class="mark_right"></div>
							</div> -->
							<div class="myNav">
								<ul class="clearFix">
									<li>
										<a href="javascript:;"></a>
									</li>
									<li>
										<a href="javascript:;"></a>
									</li>
									<li>
										<a href="javascript:;"></a>
									</li>
									<li>
										<a href="javascript:;"></a>
									</li>
								</ul>
							</div>
							<!-- 箭头 start -->
							<div class="myArrow">
								<a href="javascript:;">滚动的箭头</a>
							</div>
							<!-- 箭头 end -->
						</div>
						<!-- 第一屏banner大图区域 end -->
					</div>
					<!-- 第一屏 end -->
					<!-- 第二屏 start -->
					<div class="twoScreen commonS" data-hash="culture">
						<div class="twoCenter comWidth">
							<div class="generalizations">
								<div class="title">
									<h1>豆豆科技</h1>
									<span>DoDou</span>
								</div>
								<div class="introduction">
									<p>
										豆豆网络科技有限公司是一家集软件开发；计算机科学技术研究服务；数据处理和储存服务；通信技术研究服务；互联网销售为一体，把握互联网行业的需求，利用互联网核心技术为客户提供稳定、可靠、功能优异的软硬一体解决方案，通过自主创新为互联网及信息服务行业创造价值的网络技术公司。
									</p>
								</div>
								<div class="concept">
									<div class="growUp commonShow">
										<h2>共同成长</h2>
										<p>
											我们追求的是客户、员工、公司和谐的共同发展，为客户创造价值、为员工营造广阔的发展空间是融智网络自身成长的动力。
										</p>
									</div>
									<div class="beEnterprising commonShow">
										<h2>勤奋进取</h2>
										<p>
											我们追求的是客户、员工、公司和谐的共同发展，为客户创造价值、为员工营造广阔的发展空间是融智网络自身成长的动力。
										</p>
									</div>
								</div>
							</div>
						</div>
						<!-- 箭头 start -->
						<div class="myArrow">
							<a href="javascript:;">滚动的箭头</a>
						</div>
						<!-- 箭头 end -->
					</div>
					<!-- 第二屏 end -->
					<!-- 第三屏 start -->
					<div class="threeScreen commonS" data-hash="social">
						<div class="threeCenter">
							<div class="joinUs clearFix">
								<nav class="myPosBtn">
									<a href="javascript:;" data-hash="social">工作机会</a>
									<a href="javascript:;" data-hash="desc">福利待遇</a>
									<span>滑块</span>
								</nav>
								<div class="dividingLine">分割线</div>
								<div class="myPosCont">
									<div class="commonC" id="comP" data-hash="social">
										<div class="comPCont">
											<ul class="companyPos"></ul>
										</div>
										<!-- 自定义滚动条 start -->
										<div id="scrollBar">
											<div id="bar"></div>
										</div>
										<!-- 自定义滚动条 end -->
									</div>
									<div class="commonC" id="comD" data-hash="desc">
										<div class="companyDesc"></div>
									</div>
									<!-- 分页器，暂时不需要分页，先注释 start -->
									<!-- <div class="page"></div> -->
									<!-- 分页器，暂时不需要分页，先注释 end -->
								</div>
							</div>
						</div>
						<!-- 箭头 start -->
						<div class="myArrow">
							<a href="javascript:;">滚动的箭头</a>
						</div>
						<!-- 箭头 end -->
					</div>
					<!-- 第三屏 end -->
					<!-- 第四屏 start -->
					<div class="fourScreen commonS" data-hash="about">
						<div class="triangle"></div>
						<div class="item">
							<div class="item_box">
								<h2>我们是一群是什么样的人?</h2>
								<p>善良、有责任心、为客户创造价值、以奋斗者为本</p>
							</div>
							<div class="item_box">
								<h2>我们为什么存在?</h2>
								<p>通过自主创新为互联网行业创造价值<br />以工作的方式创造更美好的生活</p>
							</div>
							<div class="item_box">
								<h2>我们是一群是什么样的人?</h2>
								<p>成为领先的互联网技术公司</p>
							</div>
						</div>
						<!-- 箭头 start -->
						<div class="myArrow">
							<a href="javascript:;">滚动的箭头</a>
						</div>
						<!-- 箭头 end -->
					</div>
					<!-- 第四屏 end
					<!-- 第五屏 start -->
					<div class="fiveScreen commonS" data-hash="contact">
						<div class="contactUs clearFix comWidth">
							<img class="fl" src="./images/twoCode_370.jpg" alt="人事二维码" title="人事二维码" />
							<div class="addr fl">
								<strong>0753-2777707</strong>
								<h1>广东省深圳市豆豆网络科技有限公司</h1>
								<p>地址：广东省深圳市宝安区高新奇科技园2期1栋B309</p>
								<span>邮编：518101</span>
							</div>
							<div class="qt fr">
								<span>Email: cyx@dodou.cn</span>
								<span>Copyright © 2019</span>
								<span>粤ICP备14077343号</span>
							</div>
						</div>
						<!-- 箭头 start -->
						<div class="myArrow">
							<a href="javascript:;">滚动的箭头</a>
						</div>
						<!-- 箭头 end -->
					</div>
					<!-- 第五屏 end -->
				</div>
			</section>
			<!-- 核心内容区域 end -->
			<!-- 滚屏的圆点 start -->
			<div class="screenCircle">
				<a class="active" href="javascript:;">1</a>
				<a href="javascript:;">2</a>
				<a href="javascript:;">3</a>
				<a href="javascript:;">4</a>
				<a href="javascript:;">5</a>
			</div>
			<!-- 滚屏的圆点 end -->
			<!-- 右侧下方的内容 start -->
			<footer class="myFooter">
				<div class="myFooterBtn">
					<a href="javascript:;"><span class="active"></span></a>
					<a href="javascript:;"><span class="active"></span></a>
				</div>
				<div class="myCont">
					<!-- 微信咨询 start -->
					<div class="zeek">
						<img src="./images/twoCode.jpg" alt="微信咨询" title="微信咨询" />
					</div>
					<div class="ky-zeek">
						<strong>扫一扫加微信</strong>
					</div>
					<!-- 微信咨询 end -->
					<!-- 联系电话 start -->
					<div class="phone">
						<a href="javascript:;">0753-2777707</a>
					</div>
					<!-- 联系电话 end -->
				</div>
			</footer>
			<!-- 右侧下方的内容 end -->
			<!-- loading区域 start -->
			<div class="myMask">
				<div class="top"></div>
				<div class="bottom"></div>
			</div>
			<div class="loading">
				<div class="pic">
					<div class="pic2"></div>
					<div class="pic3"></div>
					<div class="text">0%</div>
				</div>
				<div class="shadow"></div>
			</div>
			<!-- loading区域 end -->
		</div>
		<script src="./js/commonFn.js"></script>
		<script src="./js/kaiyouStartMove.js"></script>
		<script src="./js/jobs.js"></script>
		<script src="./js/index.js"></script>
		<script src="./js/checkBrowser.js"></script>
	</body>

</html>